@import '../../ui/base'

.subordinates
	margin-top 30px
	ul
		ul
			margin-left 20px
	li
		line-height 46px
		margin 3px 0
		> div
			> span
				user-select none
				color #333
				&:hover
					opacity 1
				&:active
					color #333
 

.team
	&:not(.editAll)
		> div
			> span
				&:hover
					background-color #f3f6f9
					.handle
						display block
	> div
		@extends .h-center
		justify-content space-between
		> span
			padding-left 20px
			&.hasSubordinate
				> div:first-child
					>
						i
							transform rotate(0)
			> div:first-child
				@extends .h-center
				>
					i
						font-size 12px
						width 12px
						height 12px
						transform rotate(-90deg)
						transition-property transform
						transition-duration $animation-duration
						transition-timing-function $animation-curve-default
						margin-right 10px
			flex 1
			position relative
			.handle
				position absolute
				right 20px
				top 0
				display none
				.delete
					color $red
				span
					display inline-block
					margin 0 10px

.profile:not(.editAll)
	&:hover
		background-color #f3f6f9
		.move
			display block

.profile
	@extends .h-center
	padding-left 20px
	position relative
	justify-content space-between
	> span
		@extends .h-center
    .user-home
      display none
		&.profile-actions	
			display none
			margin-right 30px
			> a
				margin-left 10px
	&:hover
		> .profile-actions
			display flex
	.avatar
		width 26px
		height 26px
		border-radius 50%
		margin-right 15px
		overflow hidden

.checkbox
	display none

.editAll
	.checkbox
		display block

.teamTree
	max-height 300px
	overflow-y auto
	border 1px solid rgba(0,0,0,0.12)
	.selectedTeam
		display flex
		padding 5px
		color #333
	ul
	ul
		margin-left 0
		li
			> a
				color #333
				display flex
				height 30px
				line-height 30px
				i
					font-size 20px
				&:hover
					background-color #f3f6f9

.createTeamForm
	@extends .form
	[data-role="select"]
	> p
		margin-bottom 10px

.move
	color $font-blue

.check
	margin-right 10px

.user-home
	margin-left 10px
	font-size 12px
	display none
